<template>
  <div class="corp-support">
    <a class="corp-support-link" :style="{ opacity: opacity }" href="https://inspirestar.cn" target="_blank">
      <span class="corp-logo-box">
        <img class="corp-logo-img" :src="logoImg" alt="" />
        <span class="tips-txt corp-txt">企明星</span>
      </span>
      <span class="tips-txt">{{ tips }}</span>
    </a>
  </div>
</template>
<script>
export default {
  name: 'CorpSupport',
  props: {
    tips: {
      typeof: String,
      default: '技术支持',
    },
    opacity: {
      typeof: Number,
      default: 0.23,
    },
  },
  data() {
    return {
      logoImg: require('@images/qmx_logo.png'),
    }
  },
}
</script>
<style lang="scss" scoped>
.corp-support {
  width: 100%;
  text-align: center;
  .corp-support-link {
    padding: 10px 0;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    &:hover,
    &:active {
      opacity: 1 !important;
    }
  }
  .corp-logo-box {
    display: flex;
    align-items: center;
  }
  .corp-logo-img {
    width: 24px;
    height: 24px;
    margin-right: 6px;
  }
  .corp-txt {
    padding-right: 6px;
  }
  .tips-txt {
    font-size: 14px;
    line-height: 24px;
    color: #032556;
  }
}
</style>
